<!-- GrowingIO Analytics -->
<script type='text/javascript'>
    !function(e,t,n,g,i){e[i]=e[i]||function(){(e[i].q=e[i].q||[]).push(arguments)},n=t.createElement("script"),tag=t.getElementsByTagName("script")[0],n.async=1,n.src=('https:'==document.location.protocol?'https://':'http://')+g,tag.parentNode.insertBefore(n,tag)}(window,document,"script","assets.giocdn.com/2.1/gio.js","gio");
    gio('init','aa31ea7f276fb9b0', {});
    gio('send');
</script>

<!-- 页面头部组件 -->
<header class="header" role="banner">
    <nav class="nav-container">
        <a href="/" class="logo" aria-label="首页">
            <span class="logo-icon" aria-hidden="true">
                <svg width="24" height="24" viewBox="0 0 100 100" style="display: inline-block;">
                    <defs>
                        <linearGradient id="headerGrad" x1="0%" y1="0%" x2="100%" y2="100%">
                            <stop offset="0%" style="stop-color:#64b5f6;stop-opacity:1"/>
                            <stop offset="100%" style="stop-color:#e91e63;stop-opacity:1"/>
                        </linearGradient>
                    </defs>
                    <rect width="100" height="100" rx="20" fill="url(#headerGrad)"/>
                    <path d="M25 35 L75 35 A5 5 0 0 1 80 40 L80 70 A5 5 0 0 1 75 75 L25 75 A5 5 0 0 1 20 70 L20 40 A5 5 0 0 1 25 35 Z" fill="white"/>
                    <circle cx="40" cy="55" r="8" fill="#64b5f6"/>
                    <polygon points="55,45 70,55 55,65" fill="#e91e63"/>
                </svg>
            </span>
            <span class="logo-text">山山解析</span>
        </a>
        
        <div class="nav-links">
            <a href="/static/index.html" class="nav-link" id="nav-home">首页</a>
            <a href="/static/player.html" class="nav-link" id="nav-player">播放器</a>
        </div>
    </nav>
</header>